
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
body {
	background: #f7fbfc;
}

header {
	height: 0.88rem;
	line-height: 0.88rem;
	text-align: center;
	font-size: 0.36rem;
	color: #fff;
	background: url(../img/header_bar.png) center center;
	background-size: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}
.data_box{
  margin: 1rem auto 1rem auto;
	/*margin: 0.3rem auto 1rem auto;*/
}
.datda_box_top,.data_box_bot,.business_data{
	width: 6.9rem;
	height: auto;
	background: #fff;
	margin: 0 auto;
	padding-top: 0.4rem;
	box-sizing: border-box;
}
.business_data{
  margin-top: 0.25rem;
}
.datda_box_top .data_box_title,.data_box_bot .data_box_title,.business_data .data_box_title{
	width: 6.32rem;
	height: 0.6rem;
	line-height: 0.6rem;
	background: #f1f5f8;
	border-radius: 6px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.3rem;
	color: #666;
	}
  .people{
    color: #3db7f6;
    margin-right: 0.3rem;
  }
.data,.data_commit,.data_bank,.data_b{
	margin-top: 0.1rem;
	text-align: center;
}
.data li,.data_commit li,.data_bank li{
	width: 33%;
	padding: 0.3rem 0;

}
.data li p,.data_commit li p,.data_bank li p{
	font-size: 0.9rem;
}
.data_b li p{
  font-size: 0.5rem;
}
.data_b li{
    width: 24%;
  padding: 0.3rem 0;
}
.data_b li span{
  font-size: 0.24rem;
}
.data .data_new,.data_commit .data_new_tj,.data_bank .data_new_sh,.data_in{
	color: #4ce5f4;
}
.data .data_count,.data_commit .data_count_cs,.data_bank .data_count_zs,.data_pass{
	color: #45cff5;
	position: relative;
}
.data .data_counts,.data_commit .data_counts_bzl,
.data_bank .data_counts_wb,
.data_inter,.data_spass{
	color: #3db8f6;
  position: relative;
}
.data .data_count:before,.data_commit .data_count_cs:before,
.data_bank .data_count_zs:before,.data_pass:before{
	content: "";
	display: block;
	width: 1px;
	height: 50px;
	position: absolute;
	background: #ccc;
	top: 0.7rem;
}
.data .data_count:after,.data_commit .data_count_cs:after,
.data_bank .data_count_zs:after,
.data_pass:after,.data_inter:after{
	content: "";
	display: block;
	width: 1px;
	height: 50px;
	position: absolute;
	background: #ccc;
	top: 0.7rem;
	right: 0rem;
}
.data li span,.data_commit li span,..data_bank li span{
	font-size: 0.3rem;
	color: #999;
}
.data_box_center{
	width: 6.9rem;
	height: 0.88rem;
	margin: 0 auto;
	background: url(../img/center_bar.png) center center;
	background-size: 100%;
}

.data_box_bot{
	padding-top: 0.1rem;
}
.data_commit,.data_bank{
	/*margin-top: 0.1rem;*/
}
	.icon{
    width: 0.3rem;
    height: 0.3rem;
    overflow: hidden;
    margin-top: -0.41rem;
	}
	.icon>.icon {
    position: relative;
    left: -24px;
    border-right: 20px solid transparent;
    -webkit-filter: drop-shadow(20px 0);
    filter: drop-shadow(20px 0);
    color: red;
    top: 0.08rem;
}
	.icon_right{
		background: url(../img/to_right.png) no-repeat center;
		background-size: 100%;
	}
    .view_data{
      width: 6.9rem;
      height: 0.8rem;
      background: #fff;
      margin: 0 auto;
      text-align: center;
    }
    .view_data a{
      font-size: 0.3rem;
      color: #3db7f6;
    }
     .view_data i{
      display: inline-block;
      width: 0.3rem;
      height: 0.3rem;
      background: url(../img/to_bot_b.png) center center;
      background-size: 100%;
      transform:rotate(270deg);
      vertical-align: middle;
     }
/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position:left center;
        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
                                      /* offset horizontal: half of image width and text area width */
    }
}


.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

footer{
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 0.98rem;
	background: #fff;
	text-align: center;
	line-height: 0.8rem;
}
footer ul{
	margin: 0.2rem auto;
}
footer .footer_bar li{
	float: left;
	margin: 0 0.6rem;
	width: 0.6rem;
	height: 0.6rem;
}

.tabel_bar{
  display: none;
}

.tabel_bar .data_title{
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    background: url(../img/header_bar.png) center center;
    background-size: 100%;
}
.data_title .back_index,header .back_index{
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    background: url(../img/back.png) center center;
    background-size: 100%;
    margin: 0.25rem -0.2rem 0 0.2rem;
}
.icon_r{
  width: 0.5rem;
  height: 0.4rem;
  background: url(../img/zhanghu.png) center center;
  background-size: 100%;
  margin: 0.26rem 0.2rem 0 0;
}
.tabel_t{
  width: 6.9rem;
  height: auto;
  background: #fff;
  margin: 0 auto;
}
table{
  width: 6.9rem;
  margin: 0 auto;
  background: #fff;
  text-align: center;
  padding: 0.3rem 0.2rem;
  box-sizing:border-box;
  /*margin-bottom: 0.3rem;*/
}
table th{
  font-weight: 600;
}
table th,table td{
  font-size: 0.2rem;
  color: #333;
}
table tr,table td,table th{
    border: none;
    /*width: 16%;*/
}
.company{
  width: 1.6rem;
 overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.load_more{
  width: 6.9rem;
  font-size: 0.24rem;
  background: #fff;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 0.1rem;
  color: #e3e3e3;
  margin-bottom: 0.2rem;
}
.m_list{
  margin-left: 0.2rem;
}
.member_list{
  font-size: 0.24rem;
}
.member_list .name{
  color: #3db7f6;
}
.member_list thead td i{
  width: 0.3rem;
  height: 0.3rem;
  display: inline-block;
  background: url(../img/to_right.png) center center;
  background-size: 100%;
  transform:rotate(90deg);
  vertical-align: middle;
  margin-left: 0.1rem;
}
.member_list i.name_i{
  background: url(../img/to_bot_b.png) center center;
  background-size: 100%;
  transform:rotate(0deg);
}
.member_data{
  margin: 0.4rem;
  position: relative;
border-bottom: 1px solid #eee;
}
.member_data::after{
display: block;
content: "";
width: 0.3rem;
height: 0.3rem;
position: absolute;
background: url(../img/to_bot_b.png) center center;
background-size: 100%;
transform:rotate(270deg);
top: 0.3rem;
right: 0.08rem;
}
.member_data td {
  
}
.member_data td .item{
  float: left;
}
.member_data td {
  font-size: 0.2rem;
  color: #999;
}
td .item i{
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../img/t_icon.png) center center;
  background-size: 100%;
  vertical-align:top;
}
td p.name_w{
  font-size: 0.3rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  width: 1.3rem;
  text-overflow: ellipsis;
}
.show,.loading_show{
  display: block;
}
.hide {
    display: none;
}